/* eslint-disable max-lines-per-function */
import React, {useState, useRef} from 'react';
import {useRequest, useModel, Link} from 'umi';
import {usePersistFn, useCreation, useMount, useBoolean} from 'ahooks';
import {getList} from './service';
// eslint-disable-next-line camelcase

const Abc = () => {
    // 声明一个叫 "count" 的 state 变量
    const [count, setCount] = useState(0);
    const {data: listRes, loading, run, refresh} = useRequest(getList, {
        manual: true,
        // 防抖设置，必须写
        debounceInterval: 500,
        // 在此处格式化接口返回的数据，处理成组件可以直接使用的数据格式，如果接口数据格式满足，则不需要
        formatResult(res) {
            // 注意容错处理
            const {code, data, pager} = res || {};
            if (code === 0) {
                return {
                    // 使用?.处理容错，避免低级错误
                    list: data?.list || [],
                    pager
                };
            }
            return {list: []};
        }
    }) || {};
    // 组件挂载
    useMount(() => {
        // 注意容错处理
        if (typeof run === 'function') {
            run({});
        }
    });
    return (
        <div>
            123
        </div>
    );
};

export default Abc;
